<script setup lang="ts">

</script>

<template>
    <!-- 将整个页面布局分为上中下的布局 -->
    <!-- 头 -->
    <header>
        <router-view name="header"></router-view>
    </header>

    <!-- 中间 -->
    <main>
        <router-view v-slot="{ Component }">
            <keep-alive>
                <component :is="Component" />
            </keep-alive>
        </router-view>
    </main>

    <!-- 底部 -->
    <footer>
        <router-view name="footer"></router-view>
    </footer>
</template>

<style scoped></style>
